import React from 'react'
// import classNames from 'classnames'
import PropTypes from 'prop-types'
import './index.css'

const ProgressBar = ({ percentage }) => {
  return (
    <div className="flex">
      <div className="progress active mr-20">
        <div
          className="progress-par bar"
          style={{ width: percentage + '%' }}
        ></div>
      </div>
      <div>{percentage}%</div>
    </div>
  )
}

ProgressBar.propTypes = {
  percentage: PropTypes.number,
}

export default ProgressBar
